<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<form action="url" method="get">
    <fieldset style="width: 600px">
        <legend>请填入信息</legend>
    <p>姓名：<input type="text" name="name" id="userName" placeholder="请输入名字"
                 maxlength="3" ><br></p>
    <p>性别：<input type="text" name="name" id="user" value="刘"><br></p>
    <p>年纪：<input type="number" name="age" max="30" min="18"></p>
    <p>入职日期：<input type="date" name="date" ></p>
    <p>邮箱：<input type="email" name="email" required></p>
    <p>颜色：<input type="color" name="color" ></p>

    高端汽车：<select name="select" id="" multiple >
        <option value="奔驰">奔驰</option>
        <option value="宝马">宝马</option>
        <option value="凯迪拉克">卡迪拉克</option>
        <option value="路虎">路虎</option>
        <option value="帕萨特">帕萨特</option>
    </select><br><br>
    汽车品牌：<input type="text" name="Car" list="cars">
        <datalist id="cars" >
            <option >奇瑞</option>
            <option >比亚迪</option>
            <option >雪铁龙</option>
        </datalist>
    </input>
    <p>密码：<input type="password" name="password"></p>
    <p><input type="radio" name="sex" id="sex" value="男" checked> 男
        <input type="radio" name="sex" id="s" value="女"> 女</p>
    <p>爱好：<input type="checkbox" name="like" value="sport"> 体育
        <input type="checkbox" name="like" value="art">艺术
        <input type="checkbox" name="like" value="sing" checked>唱歌
    </p>
    隐藏表单: <input type="hidden" value="2" name="id"><br>
    <p>头像：<input type="file" name="face" ></p>
    <p>自我评价：<textarea name="work" cols="50" rows="6">

    </textarea></p>
    <input type="submit" value="提交">&nbsp; <input type="reset" value="重置">
    <input type="button" value="点击">
    </fieldset>
</form>
</body>
</html>